<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page isELIgnored="false" %>
<%@ include file="/WEB-INF/view-system/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<link href="${ctxStaticSystem}/css/index.css" rel="stylesheet" type="text/css"/>
    <script src="${ctxStatic}/js/doc.js" charset="UTF-8" type="text/javascript" defer></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>力帆融资租赁OS系统</title>
    <style id="themeStyle"></style>
</head>
  <body class="compact-mode compact-mode-in page-open view-double" data-page-accent="primary" data-query>

  <form method="post" action="${ctx }/index" hidden="hidden" id='switchRoleFrm'>
      <input hidden="hidden" name='roleId'>
  </form>
    <header id="header" class="bg-primary">
      <div class="navbar navbar-inverse navbar-fixed-top" id="navbar" data-role="banner">
        <div class="container">
          <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".zui-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a href="${ctx }/index" class="navbar-brand">
            	<img src="${ctx }/static-system/images/logo.png" style="" >
            </a>
          </div>
          <div style="display:none">
          	<a id="logoutFun" href='<c:url value="logout"/>'>注销</a>

          </div>
          <nav id="baseSelectNav" class="collapse navbar-collapse zui-navbar-collapse baseSelectNav">
            <ul class="nav navbar-nav navbar-right">
              <li id="navUserLink" data-toggle='popover' data-placement='left'>
	              <a id="user_icon1" data-toggle="popover" data-placement="bottom" data-html="true" data-content="
	                            <div class='t-dropdown'>
					              	<a href='javascript:void(0);' onclick='SysLogout()'>注销</a>
					              	<a href='javascript:void(0);' onclick='IndexPage.modifiyPsw()'>修改密码</a>
		              			</div>">
         			<i class="icon icon-user special"></i>
         			<span>${sessionScope.user.staffName}：${sessionScope.user.staffId}</span>
	              </a>
	             <!--  <i class="icon icon-user special"></i><span>我的</span></a> -->
	          </li>
              <li id="navUserRoleSwitch" data-toggle='popover' data-placement='left'>
	              <a id="user_icon" data-toggle="popover" data-placement="bottom"  data-html="true" 
	              	data-content="<div class='t-dropdown'>
		              				<c:forEach var='item' items='${sessionScope.user.staffRoles }' varStatus='status'>
										<a href='javascript:void(0);' onclick='IndexPage.switchRole(this)' data-value='${item.roleId}' data-text='${item.roleName}'><c:out value='${item.roleName}'></c:out></a>
									</c:forEach>
		              			</div>">
	              		<!-- <i class="icon icon-user special"></i> -->
	              		<span>当前角色：${sessionScope.user.role.roleName}</span>
	              	</a>
	          </li>
            </ul>
          </nav>
        </div>
      </div>
    </header>

    <!-- 新开子页面 -->
    <div id="page">
      <div id="pageHeader">
        <div class="wrapper container">
          <i class="icon icon-star"></i>
          <h2><a class="name" href="">图标</a></h2>
          <button data-toggle="tooltip" title="刷新" type="button" class="btn btn-link" id="pageReloadBtn"><i class="icon-repeat"></i></button>
          <button data-toggle="tooltip" data-placement='left' title="关闭" type="button" class="btn btn-link path-close-btn path-btn" id="pageCloseBtn"><i class="path-1"></i></button>
        </div>
      </div>
      <div id="pageBody" class="scrollbar-hover">
        <div class="loader" id="pageLoader"><i class="icon icon-spin icon-spinner-indicator"></i> <span class="loading-text">加载中...</span><span class="error-text">加载失败，请检查网络重试。<br>另一个导致无法加载文档的原因可能是该文档尚未完成。<br>欢迎你在 <a href="https://github.com/easysoft/zui">Github</a> 上 <a href="https://github.com/easysoft/zui/fork">Fork</a> 项目来完善文档。</span></div>
        <div class="">
          <div id="pageContent"></div>
          <nav></nav>
        </div>
      </div>
    </div>


    <!-- 远程内容加载图标 -->
    <div class="text-muted loader loading"><i class="icon icon-spin icon-spinner-indicator"></i> 加载中...</div>

	 <!-- 菜单列表 -->
    <!-- 菜单容器 -->
    <div id="grid" class="scrollbar-hover">
		<div class="container">
			<div class="row">
            </div>
        </div>
	</div>

    <!--修改密码模态框-->
    <tags:dialog id="modifiyPswDialog">
      <tags:dialogHeader title="修改密码"></tags:dialogHeader>
      <tags:dialogBody>
          <form id="modifiyPswFrm">
              <div class="form-horizontal">
                <div class="form-group">
                  <div class="col-sm-12 outr">
                    <div class="col-md-3 iname">
                      <span>原密码：</span>
                    </div>
                    <div class="col-md-9">
                      <input id="oldPsw" name="oldPsw" type="password" class="inputC form-control" required="required">
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-12 outr">
                    <div class="col-md-3 iname">
                      <span>新密码：</span>
                    </div>
                    <div class="col-md-9">
                        <input id="newPsw" name="newPsw" type="password" class="inputC form-control" required="required" placeholder="密码长度6到18个字符内">
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-12 outr">
                      <div class="col-md-3 iname">
                        <span>确认密码：</span>
                      </div>
                      <div class="col-md-9">
                        <input id="newPswAgian" name="newPswAgian" type="password" class="inputC form-control" required="required" placeholder="再次输入新密码">
                      </div>
                  </div>
                </div>
        </div>
      </form>
      </tags:dialogBody>
      <tags:dialogFooter>
        <button class="btn btn-primary m-btn" id="savePsw" onclick="IndexPage.savePsw()">提交</button>
        <button class="btn btn-default m-btn" id="closeDia" onclick="IndexPage.closeDia()">关闭</button>
      </tags:dialogFooter>
    </tags:dialog>
    <!-- 一些html模板代码片段 -->
    <div class="template">
      <div class="card section fade scale slide-in-up-100 slide-in-right-50" id="sectionTemplate">
        <div class="card-heading">
          <i class="icon"></i>
          <h5><a class="name" href="###"></a></h5>
        </div>
        <div class="card-content">
          <ul class="topics">
          </ul>
        </div>
      </div>
      <div class="card-content section-preview icon-preview" id="iconPreviewTemplate">
        <div class="icons"><i class="icon icon-10x"></i><i class="icon icon-5x"></i><i class="icon icon-2x"></i><i class="icon"></i></div>
        <h3><small><i class="icon "></i></small> <span class="name color-accent"></span>  <small>Unicode: \<span class="unicode">f3dd</span><span class="alias"> · 别名：<span class="alias-values"></span></span></small></h3>
        <pre class="copyable"><code><span class="tag">&lt;i</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">&quot;icon <em class="name"></em>&quot;</span><span class="tag">&gt;&lt;/i&gt;</span></code></pre>
      </div>
      <button id="copyCodeBtn" data-html="true" data-animation="false" data-toggle="tooltip" data-title="复制代码" type="button" class="btn btn-copy-code"  data-tip-id="copyCodeTip" data-container="body"><i class="icon icon-copy"></i></button>
    </div>
	<!-- 切换布局样式 -->
    <div class="modal fade" id="changeViewModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
            <h4 class="modal-title">你想用哪种布局展示页面？</h4>
          </div>
          <div class="modal-body">
            <div class="view-options">
              <a class="view-option view-option-single">
                <div class="view-shape"> 
                  <div class="s-1"></div>
                </div>
                <div class="title strong">单页面</div>
                <p class="text-muted">页面在页面中间显示，并隐藏目录。</p>
              </a>
              <a class="view-option view-option-double">
                <div class="view-shape">
                  <div class="s-1"></div>
                </div>
                <div class="title strong">双栏</div>
                <p class="text-muted">目录在左侧显示，页面在右侧显示，更好的利用宽屏空间。</p>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
	<input hidden="hidden" name="menus" value="${requestScope.menus}">
    <%-- <input hidden="hidden" name="oneLevelMenus" value="${oneLevelMenus }"> --%>
    <script type="text/javascript" src="${ctxStaticSystem }/js/index.js"></script>
  </body>
</html>
